/* general */
body,html {
    margin: 0 0 0 0;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    background: #fff;
}
h1 {
    font-size:1.4em;
    color: #424a26;
}
h2 {
    font-size: 1.2em;
    border-left: 1em solid #ff9834;
    padding: 0 0 0 .5em;
}
label {
    width: 100px;
    display: block;
    float: left;
}
a {
    color: #206ba4;
}
div {
    margin: 5px;
    display:block;
}

/* id's */
#container {
    margin: 0 0 0 0;
}
#header {
    padding: 5px;
    margin: 0 0 0 0;
    background: #d6eb9a;
}
#content {
    margin: 0 0 0 0;
    padding: 5px 1em 5px 1em;
}
#footer {
    margin: 10em 0 0 0;
    font-size: 10px;
    color: #999;
    text-align: center;
}

/* classes */
ul.navbar {
    list-style: none;
    margin: 0 0 0 0;
    padding: 1px;
    background: #a4bd2d;
    border-top: 1px solid #748d06;
    border-bottom: 1px solid #748d06;
}
ul.navbar li {
    font-size:1.2em;
    color:#e6b715;
    display: inline;
    padding: 2px 5px 2px 5px;
    margin: 2px;
}

ul.navbar li a {
    text-decoration: none;
    color: #fff;
}

ul.navbar li a:hover {
    text-decoration: underline;
}

.searchbar {
    background: #CCC;
    border: 1px solid #666;
    padding: 4px;
    margin: 5px;
}

.notify {
    border-left: 1em solid #bbd9ee;
    padding: 0 0 0 .5em;
}
.error {
    border-left: 1em solid #ff4834;
    padding: 0 0 0 .5em;
}

.date {
    margin: 0 0 0 0;
    font-size: 10px;
    color: #999;
}
    
.comment {
    margin: 0 0 0 0;
    font-size: 10px;
    color: #999;
}

/* classes that are used to make a rounded box */
.toprightbox {
    margin: 0 0 0 0;
    padding: 0;
    background: url('/public/images/topright.gif');
    background-position: top right;
    background-repeat: no-repeat;
}

.topleftbox {
    margin: 0 0 0 0;
    padding: 0;
    background: url('/public/images/topleft.gif');
    background-position: top left;
    background-repeat: no-repeat;
    display:table;
}

.bottomrightbox {
    margin: 0 0 0 0;
    padding: 0;
    background: url('/public/images/bottomright.gif');
    background-position: bottom right;
    background-repeat: no-repeat;
    display:table;
}

.bottomleftbox {
    margin: 0 0 0 0;
    padding: 0;
    background: url('/public/images/bottomleft.gif');
    background-position: bottom left;
    background-repeat: no-repeat;
    display:table;
}
